$(document).ready(function(){
	$('#selected-plays > li').addClass('horizontal');
	$('#selected-plays li:not(.horizontal)').addClass('sub-level');
	$('a[href^="mailto:"]').addClass('mailto');
	$('a[href$=".pdf"]').addClass('pdflink');
	$('a[href^="http"][href*="henry"]').addClass('henrylink');
	$('td:contains(Henry)').nextAll().addClass('highlight');
	// $('td:contains(Henry)').next().addClass('highlight');  .next()方法选中后一个相邻元素
	// $('td:contains(Henry)').nextAll().addClass('highlight');  .nextAll()选中后面所有相邻元素
	// 其他的还有.prev() .prevAll()与next相反。另外.siblings()选中统一DOM下其他所有元素
	// .andSelf()包括当前元素
	
	$('tr:nth-child(odd)').addClass('alt'); 
	// 不使用$('tr:even').addClass('alt');因为，他会对页面中
	// 的所有tr按照偶数进行选择。而:nth-child()是相对于父元素
	// 来进行统计的，所以不会出现不必要的问题
	// odd为奇数，even为偶数，nth-child是CSS方式记数从1开始，
	// 其他均按JavaScript数组方式记数，从0开始
	// $('tr').filter(':even').addClass('alt'); 等同于注释开始语句
	$('td:contains(Henry)').parent().children().addClass('highlight');
	$('a').filter(function(){
		return this.hostname && this.hostname != location.hostname;
	}).addClass('external');
	// 改动一下可以用来作为导航选中效果

	// var myTag = $('#my-element').get(0).tagName;
	// var myTag = $('#my-element')[0].tagName;
	
	// 练习：
	$('#selected-plays ul li').addClass('special');
	$('td:nth-child(3)').addClass('year');
	$('tr:contains(Tragedy):eq(0)').addClass('special');
	//$('li ul:not(Hamlet)').parent().siblings().children().addClass('tragedy');
	$('a[href$=".pdf"]').parent().parent().parent().siblings().children().addClass('tragedy');
});